<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <header>
        <div class="top">
            <span class="menu">menu</span>
            <h1 class="logo">
                <img src="./images/logo.png" alt="">
            </h1>
            <ul class="top-list">
                <li>
                    <a href="#">
                        文章
                    </a>
                </li>
                <li>
                    <a href="#">
                        素材
                    </a>
                </li>
                <li>
                    <a href="#">
                        欣赏
                    </a>
                </li>
                <li>
                    <a href="#">
                        素材
                    </a>
                </li>
                <li>
                    <a href="#">
                        活动
                    </a>
                </li>
                <li>
                    <a href="#">
                        更多
                    </a>
                </li>
            </ul>
            <a href="#" class="login">
                登录
            </a>
        </div>
    </header>
    
    <div class="banner">
        
    </div>

    <div class="adv">
        <img class="swiper" src="./images/swiper1.jpeg" alt="">
        <img class="qrcode" src="./images/1.png" alt="">
        <img class="center" src="./images/2.png" alt="">
    </div>

    <div class="content">
        <div class="con-box">
            <img src="./images/1.jpg" alt="">
            <p class="box-tit">
                迷你微型摄影展
            </p>
            <p class="data">
                <span>
                    2016-12-12
                </span>
                <span>
                    作者：Tom
                </span>
            </p>
        </div>
        <div class="con-box">
            <img src="./images/2.jpg" alt="">
            <p class="box-tit">
                迷你微型摄影展
            </p>
            <p class="data">
                <span>
                    2016-12-12
                </span>
                <span>
                    作者：Tom
                </span>
            </p>
        </div>
        <div class="con-box">
            <img src="./images/3.jpg" alt="">
            <p class="box-tit">
                迷你微型摄影展
            </p>
            <p class="data">
                <span>
                    2016-12-12
                </span>
                <span>
                    作者：Tom
                </span>
            </p>
        </div>
        <div class="con-box">
            <img src="./images/4.jpg" alt="">
            <p class="box-tit">
                迷你微型摄影展
            </p>
            <p class="data">
                <span>
                    2016-12-12
                </span>
                <span>
                    作者：Tom
                </span>
            </p>
        </div>
        <div class="con-box">
            <img src="./images/5.jpg" alt="">
            <p class="box-tit">
                迷你微型摄影展
            </p>
            <p class="data">
                <span>
                    2016-12-12
                </span>
                <span>
                    作者：Tom
                </span>
            </p>
        </div>
        <div class="con-box">
            <img src="./images/6.jpg" alt="">
            <p class="box-tit">
                迷你微型摄影展
            </p>
            <p class="data">
                <span>
                    2016-12-12
                </span>
                <span>
                    作者：Tom
                </span>
            </p>
        </div>
    </div>
</body>
</html>